<template>
  <ScaleView
    class="h-full flex flex-row flex-wrap"
    :fitFull="true"
    :designWidth="1920"
    :designHeight="1080"
  >
    <div class="w-1/2 h-1/2 p-5 bg-orange-300">
      <EchartView :echartsOptionBuilder="barEchartsOptionBuilder"></EchartView>
    </div>
    <div class="w-1/2 h-1/2 p-5 bg-green-300 text-2xl">烧结合格率</div>
    <div class="w-1/2 h-1/2 p-5 bg-blue-300">ScaleView</div>
    <div class="w-1/2 h-1/2 p-5 bg-pink-300">4</div>
  </ScaleView>
</template>

<script setup lang="ts">
import { barEchartsOptionBuilder } from '@/echarts-option-builder/BarEchartsOptionBuilder'
</script>

<style scoped></style>
